// filters
.item {
  font-family: "Microsoft YaHei";
  @apply inline-block relative h-full leading-90px text-center font-normal text-30px text-hex-999 mr-56px;
  .slider {
    transform: translateX(-50%);
    left: 50%;
    @apply absolute bottom-10px w-45px h-6px rounded-3px;
  }
  &.active {
    font-family: "Microsoft YaHei Bold";
    @apply font-bold text-hex-2c2c35;
    .slider {
      background: #1a8cff;
    }
  }
  &.last-child {
    @apply mr-56px;
  }
  &.first-child {
    @apply ml-48px;
  }
}
.city-pannel {
  @apply bg-hex-fff w-full h-full;
  .pannel-title {
    // border-bottom: 1px solid #ccc;
  }
  .hot-city {
    @apply inline-block bg-hex-f5f5f5 text-hex-161616 text-24px truncate py-16px text-center;
    &.selected-city {
      @apply text-hex-1A8CFF bg-hex-f1fbff;
    }
  }
  .city-item {
    @apply inline-block text-hex-161616 text-24px ml-24px mb-20px;
  }
}
.city-popup {
  --popup-z-index: 999999;
  --popup-background-color: #fff;
}
.search-input {
  // 输入框外边距
  --search-padding: 0;
  //   输入框外背景
  --search-background-color: #fff;
  //   输入框背景色
  --search-content-background-color: #f6f6f7;
  // 字体大小
  --cell-font-size: 26px;
  // // 输入框文字颜色
  // --input-color: #fff;
}
.locate-icon {
  transform: rotate(90deg);
  @apply ml-8px;
}
